<!DOCTYPE html>
<html>

<head>
  <!-- Meta, title, CSS, favicons, etc. -->
  <meta charset="utf-8">
  <title>AbsoluteAdmin - A Responsive Boostrap 3 Admin Dashboard</title>
  <meta name="keywords" content="Bootstrap 3 Admin Dashboard Template Theme" />
  <meta name="description" content="AdminDesigns - Bootstrap 3 Admin Dashboard Theme">
  <meta name="author" content="AdminDesigns">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

 {include file="public/import_file" /}
</head>

<!-- 
<script type="text/javascript">  
    //alert("111");
    function login(){  
        // checkYZM();
        var adminname = $('input[name="adminname"]').val();  
        var adminpass = $('input[name="adminpass"]').val(); 
        var captcha = $('input[name="captcha"]').val();  
        var url =  $('input[name="login"]').val();  
        $.ajax({  
            type : "POST",  
            url : url,  
            data : {adminname:adminname,adminpass:adminpass,captcha:captcha},  
            dataType : 'json',  
            success : function(res) {  
                if(res.status == 1){  
                     alert(res.info);  
                    window.location.href = res.url;  
                }else{                    
                     alert(res.info);  
                }  
            }  
  
        }

        
    }  
</script>   -->


<body class="external-page sb-l-c sb-r-c">

  <!-- Start: Main -->
  <div id="main" class="animated fadeIn">

    <!-- Start: Content-Wrapper -->
    <section id="content_wrapper">

      <!-- begin canvas animation bg -->
      <div id="canvas-wrapper">
        <canvas id="demo-canvas"></canvas>
      </div>

      <!-- Begin: Content -->
      <section id="content">

        <div class="admin-form theme-info mw600" style="margin-top: 10%;" >
          <div class="row mb15 table-layout">

            <div class="col-xs-6 pln">
              <a href="#" title="Return to Dashboard">
                <img src="__PUBLIC__/static/admin/assets/img/logos/logo_white.png" title="AdminDesigns Logo" class="img-responsive w250">
              </a>
            </div>

            <div class="col-xs-6 text-right va-b pr5">
              <div class="login-links">
                <a href="#" class="" title="False Credentials"></a>
              </div>

            </div>

          </div>
          <div class="panel panel-info heading-border br-n">

            <!-- end .form-header section -->
            
              <div class="panel-body bg-light pn">

                <div class="row table-layout">
                  <div class="col-xs-3 p20 pv15 va-m br-r bg-light">
                    <img class="br-a bw4 br-grey img-responsive center-block" src="__PUBLIC__/static/admin/assets/img/avatars/3.jpg" title="AdminDesigns Logo">
                  </div>
                  <div class="col-xs-9 p20 pv15 va-m bg-light">

                    <!-- <h3 class="mb5"> Michael Rowls
                      <small> - logged out for
                        <b> 5 hours </b>
                    </h3>
                    <p class="text-muted">michaelrowls@company.com</p> -->
                    <form method="post" action="" enctype="multipart/form-data">
                    <div class="section mt25">
                       
                     <label for="username" class="field prepend-icon">
                        <input type="text" name="adminname" id="adminname" class="gui-input" placeholder="输入管理员姓名">
                        <label for="adminname" class="field-icon" >
                        <i class="fa fa-user" style="padding: 14;"></i>
                        </label>
                       </label>
                    </div>

                    <div class="section mt25">
                      <label for="password" class="field prepend-icon">
                        <input type="password" name="adminpass" id="adminpass" class="gui-input" placeholder="输入密码">
                        <label for="password" class="field-icon" >
                          <i class="fa fa-lock" style="padding: 14;"></i>
                        </label>
                      </label>
                    </div>

                    <div class="section mt25">

                      <input class="gui-input" placeholder="验证码" type="text"  name="captcha" required style="width: 200px">
                      <!-- 方法一 -->
                      <img src="{:captcha_src()}" alt="captcha" onclick="this.src='{:captcha_src()}'" style="height: 50px;" />

                      <!-- 方法二 -->
                     <!--  <img src="{:captcha_src()}" alt="验证码" title="点击刷新验证码" style="height: 50px;" onclick="refleshVerify()" id="verify_img">
                      <a href="javascript:refreshVerify()">点击刷新</a>
                      <script>
                       function refreshVerify() {
                       var ts = Date.parse(new Date())/1000;
                       var img = document.getElementById('verify_img');
                       img.src = "captcha?id="+ts;//注意路径
                       }
                      </script> -->
                    <!-- end section -->
                   

                  </div>
                </div>
              </div>

              </div>
              <!-- end .form-body section -->
               <!-- <input class="button btn-info pull-right"  type="submit" value="登 录"> -->
               <button type="submit" class="button btn-info pull-right" >登录</button>                  
            </form>
          
          

          
        </div>

      </section>
      <!-- End: Content -->

    </section>
    <!-- End: Content-Wrapper -->

  </div>
  <!-- End: Main -->

  <!-- BEGIN: PAGE SCRIPTS -->
<include file="./Application/Public/Admin/index_footer.html" />
  <!-- END: PAGE SCRIPTS -->

</body>

</html>
